<!-- 双向绑定 -->
<template>
  <div>
    <!-- 文本框 -->
    <div>
      <label for="">请输入姓名</label>
      <input type="text" v-model="name" />
    </div>
    <div>
      <label for="">请输入年龄</label>
      <input type="text" v-model="age" />
    </div>

    <!-- 单选框 -->
    <div>
      <label for="">请选择性别</label>
      男 <input type="radio" value="男" v-model="sex" /> 女
      <input type="radio" value="女" v-model="sex" />
    </div>

    <!-- 多选框 -->
    <div>
      <label for="">请选择爱好</label>
      游泳 <input type="checkbox" value="游泳" v-model="fav" /> 打球
      <input type="checkbox" value="打球" v-model="fav" /> 健身
      <input type="checkbox" value="健身" v-model="fav" />
    </div>
  </div>
</template>
<script>
const options = {
  data: function () {
    return { name: "", age: null, sex: "男", fav: [] };
  },
  methods: {},
};
export default options;
</script>